import React,{Component} from 'react';
import{
    View,
    Text,
    TouchableWithoutFeedback,
} from 'react-native'
import px2dp from '../config/pxToDp';
import {
    createBottomTabNavigator,
} from 'react-navigation';

import ChatScene from '../chatShip/chatScene'
import MySceme from '../home/myScene';
import HomeTab from './homeTab';
import ChatListScene from '../home/chatListScene';
import FriendScene from '../home/friendScene';
import DiscoverScene from '../home/discoverScene';
import Entypo from 'react-native-vector-icons/Entypo';



const HomeTabs = createBottomTabNavigator({
	msgList: {
		screen: ChatListScene,
		navigationOptions: {
			title: '随聊',
			tabBarIcon: ({ focused, tintColor }) => {
				return (
					<View>
						<SimpleLineIcons name='bubbles' size={20} color={focused ? "#10B1F6" : "#a5a5a5"}></SimpleLineIcons>
					</View>
				);
			},
		},
	},
	friend: {
		screen: FriendScene,
		navigationOptions: {
			title: '通讯录',
			tabBarIcon: ({ focused, tintColor }) => {
				return (
					<View>
						{/* <Text></Text> */}
						<SimpleLineIcons name='people' size={20} color={focused ? "#10B1F6" : "#a5a5a5"}></SimpleLineIcons>
					</View>
				);
			},
		},
	},
	discover: {
		screen: DiscoverScene,
		navigationOptions: {
			title: '发现',
			tabBarIcon: ({ focused, tintColor }) => {
				return (
					<View>
						<SimpleLineIcons name='puzzle' size={20} color={focused ? "#10B1F6" : "#a5a5a5"}></SimpleLineIcons>
					</View>
				);
			},
		},
	},
	my: {
		screen: MySceme,
		navigationOptions: {
			title: '我的',
			tabBarIcon: ({ focused, tintColor }) => {
				return (
					<View>
						<SimpleLineIcons name='user' size={20} color={focused ? "#10B1F6" : "#a5a5a5"}></SimpleLineIcons>
					</View>
				);
			},
		},
	},

}, {
		tabBarOptions: {
			activeTintColor: '#10B1F6',
			inactiveTintColor: '#999999',
			showIcon: true,
			labelStyle: {
				fontSize: 12,
				marginTop: 0,
				marginBottom: 0,
			},
			style: {
				marginBottom: -2,
				backgroundColor: '#FCFCFC',
				// color: 'rgb(25,177,249)',
			},
		},
		tabBarPosition: 'bottom',
	});
export default class HeaderTitle extends Component{
     static navigationOptions = {
         title: 'Details',
     };
    render(){
        return(
            <View >
                
                

            </View>
        )
    }
}

const styles = {

}